﻿/* CSS Document */

/*create*/
/*#create-bg{
    background: #F0F2F2;
} */

#show-wechat:hover{
    opacity:0.7;
	}
	
#brand-sns a:hover{
    opacity:0.7;
	}
	
	
.qqlogin{
    font-size: 12px;
    vertical-align: top;
	border-radius:3px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#acacad; 
	line-height:22px; 
	float:left; 
	color: #818283; 
	padding-left:10px; 
	text-align:center; 
	padding-right: 10px;
	background-color:rgba(255, 255, 255, 0.5);
	}

.qqlogin:hover{
    background-color:rgba(255, 255, 255, 1);
}

.main-section .full-width-row{
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	}


.row .l-house-header{
    margin: 22px 0px;
	}

.row .panel-padding{
    padding: 0px 0px;
	}	
	
.profile-header input[type="text"]{
    margin-bottom: 10px;
	font-size: 12px;
	height: 30px;
	padding: 0px 13px;
	vertical-align: middle;
}

.profile-header div.switch{
    margin-bottom: 10px;

	height: 30px;	
}

.profile-header .switch input{
    margin-bottom: 10px;
	font-size: 12px;
}

.profile-header textarea{
    font-size:12px;
	}

.profile-header label.inline{
    padding-top: 5px;
	font-size: 14px;
	height: 30px;	
}

.profile-header .columns select{
    margin-bottom: 10px;
	font-size: 12px;
	height: 30px;
	padding: 4px 10px;
	vertical-align: middle;
}

.profile-header .columns-1{
    margin-bottom: 0px;
	font-size: 10px;
	height: 30px;	
}

.profile-header .tabs li{
    margin-bottom: 2px;
	}
	
.profile-header .search-button {
	padding:10px;
}

.profile-header .search-button span {
	display: inline-block;
	padding:10px;
}

.profile-header ul {
	margin:0px;
}


/*login*/

.row .jcarousel-control-prev, .row .jcarousel-control-next {
    background:#AAAAAA;
	color:white;
}

.row .jcarousel-control-prev:hover, .row .jcarousel-control-next:hover {
    background:#4b9caf;
	color:white;
}


.row .banner-wrapper .banner{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-left: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}


/*feeds*/
.feeds-holder .side-bar .side-bar-tag{
	display: inline-block;
	filter: alpha(opacity=100);
	min-width: 85px;
	font-size: 12px;
	height: 22px;
	text-align: left;
	line-height: 1.2;
}

/*zones*/
.zone-tag {
      border-style: solid;
      border-width: 1px;
      display: block;
      position:absolute;
      line-height: 1.5;
	  padding: 0rem 1rem;
	  vertical-align: middle;
      background-color: rgba(42,127,141,0.9);
      border-color: rgba(42,127,141,0.9);
      color: white; 
	  top: 35%;
	  left: 0%;
	  bottom: 35%;
	  width:auto;
	  margin-left: 0.9375rem;
}
	  
.sub-zone-tag-1{
      display: block;
      font-weight: normal;
      position:absolute;
      padding: 0.2rem 0.5rem 0.2rem 0.5rem;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(42,127,141,0.8);
	  bottom: 0%;
	  left: 0%;
	  right: 35%;
	  margin-left: 0.9375rem;	
}

.sub-zone-tag-1-small{
      display: block;
      font-weight: normal;
      position:absolute;
      padding: 0.2rem 0.5rem 0.2rem 0.5rem;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(42,127,141,0.8);
	  top: 0%;
	  left: 0%;
	  right: 35%;
	  margin-left: 0.9375rem;	  
}

.sub-zone-tag-1-feeds{
      display: block;
      font-weight: normal;
      position:absolute;
	  padding-top: 0.2rem;
	  text-align: center;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(42,127,141,0.8);
	  top: 0%;
	  right: 40%;  
	  left:0%;
	  margin-left: 0.625rem;
	  margin-top: 7rem;
}

.sub-zone-tag-2-feeds{
      display: block;
      font-weight: normal;
      position:absolute;
      padding-top: 0.3rem;
	  text-align: center;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(161,188,65,0.8);
	  background-color: rgba(161,188,65,0.8);
	  top: 0%;
	  left: 60%;
	  right: 0%;
	  margin-right: 0.625rem;
	  margin-top: 7rem;
	  color: #FFF;
}

.sub-zone-tag-2-feeds:hover{
      background-color: rgba(170,209,7,0.8);  
	  cursor: pointer;
	  transition: width .2s ease-out;
}

.sub-zone-tag-2{
      display: block;
      font-weight: normal;
      position:absolute;
      padding: 0.3rem 0.7rem 0.3rem 0.7rem;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(161,188,65,0.8);
	  bottom: 0%;
	  left: 65%;
	  right: 0%;
	  margin-right: 0.9375rem;	
	  color: #FFF;
}

.sub-zone-tag-2-small{
      display: block;
      font-weight: normal;
      position:absolute;
      padding: 0.3rem 0.7rem 0.3rem 0.7rem;
      font-size: 0.8125rem;
      line-height: 1.5;
      background-color: rgba(161,188,65,0.8);
	  background-color: rgba(161,188,65,0.8);
	  top: 0%;
	  left: 65%;
	  right: 0%;
	  margin-right: 0.9375rem;	
	  color: #FFF;
}

.sub-zone-tag-2:hover{
      background-color: rgba(170,209,7,0.8);  
	  cursor: pointer;
	  transition: width .2s ease-out;
}

.sub-zone-tag-2-small:hover{
      background-color: rgba(170,209,7,0.8); 
	  cursor: pointer;
	  transition: width .2s ease-out;
}


.zone-holder {
    position: absolute;
	overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	margin-right: 0.9375rem;
	margin-left: 0.9375rem;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.zone-holder-small {
    position: absolute;
	bottom: 0%;
	right: 0%;
	left: 0%;
	margin-right: 0.9375rem;
	margin-left: 0.9375rem;
	background: rgba(220, 220, 220, 0.8);
	padding: 0.5rem 1rem 1rem 1rem;
}

.zone-holder::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .2s ease-out;
}

.zone-holder:hover::before {
    background: rgba(255, 255, 255, 0.9);
}

.zone__overlay {
      display: block;
	  position:absolute;
	  padding: 2rem 2rem 2rem 2rem;
	  font-size: 0.8125rem;
	  background-color: rgba(255,255,255,0);
	  top: 0;
	  right: 0;
	  left: 0;
	  bottom: 0;
	  text-align: left;

    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .2s ease-out;
    transition:         transform .2s ease-out;
}

.zone-holder:hover .zone__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

